<template>
  <div class="layout">
    <Header ></Header>
    <div class="main">
      <router-view></router-view>
      <div style="height: 80px;"></div>
    </div>
    <Footer ></Footer>
  </div>
</template>

<script setup lang="ts">
//头部菜单
import Header from '../components/Header.vue'
//底部导航栏
import Footer from '../components/bottomNavbar.vue'
</script>

<style scoped lang="scss">

.layout {
  width: 500px;
  height: 100%;
  .main {
    height: calc(100vh - 60px);
  }
  
}

</style>
